<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>注册页面</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" /> 
</head>
<body>
	<div id="app">

		<div class ="now_login">我已注册，现在就<button class="btd_login" @click="login">登录</button></div>
		<div id="app1">
			<label>用户名</label><input type="text" placeholder="请设置用户名"  v-model="userInfo.user" class="input" @blur="a"><br>
			
			<label>设置密码</label><input type="password" placeholder="请设置登录密码" v-model="userInfo.password1"class="input" @blur="b"><br>
			
			<label>确认密码</label><input type="password" v-model="userInfo.password2"class="input" @blur="c"><br>
			
			<label>邀请码</label><input type="text" v-model="userInfo.name"class="input" @blur="d"><br>
		
			<label>手机号</label><input type="text" placeholder="请输入手机号码"  v-model="userInfo.num"class="input" @blur="e"><br>				
		
			<div class="checkbox"><input type="checkbox" style="margin-right: 10px;" v-model="userInfo.checkbox">阅读并接受<a href="" >《闲访用户协议》</a></div>
			<button id="btd" @click="flag" :disabled="btn">立即注册</button>
		</div>


		


	</div>
	
</body>
<style type="text/css">
	*{margin: 0px;padding: 0px;}
	a{color: black;text-decoration: none;}
	body{font-family:  "宋体";background: url(imgea/22.jpg) no-repeat;background-size: 100%;color: black;}
	.now_login{font-size: 14px;float: right;}
	.btd_login{height: 38px;width: 50px;border: 1px solid silver;border-radius: 4px;font-size: 16px;cursor: pointer;margin-left: 10px;}
	#app1{width: 300px;margin:100px auto;}
	label{display: inline-block;width:70px;height: 38px;text-align: center;}
	.tiShi{font-size: 12px;color:red;margin:0 0 10px 70px;}
	.input{width: 200px;height: 38px;border-radius: 4px;}
	textarea{resize: none;border-radius: 4px;}
	.checkbox{font-size: 14px;margin-left: 20px;}
	#btd{width: 270px;height: 38px;border-radius: 5px;background:#5B8020;border: 1px solid  silver;color: white;font-size: 18px;;cursor: pointer;margin-top: 10px;}
	#successful{width: 300px;height: 200px;border: 1px solid silver;position: fixed;left: 50%;bottom: 50%;background:#D8D8D8;display: none;}
	#btn{width: 50px;height: 30px;display: inline-block;margin-right: 15px;}
</style>